
function onfocusFun(e){
    e=e || window.event;
   var target=e.target || e.srcElement;
   // console.log(target)
   target.parentNode.parentNode.setAttribute("name",1);
//    target.inner="44165464"

 }
function onblurFun(e) {
    e=e || window.event;
   var target=e.target || e.srcElement;
   let index=target.getAttribute("name");
   console.log(index);
   if (target.className=="questions"){
       data[index].questions=target.value;
   }else if (target.className=="answers"){
       data[index].answers=target.value;
   }
   target.parentNode.parentNode.setAttribute("name",1);
//    console.log(data);
   
//    if(target.getAttribute("class")=="answer"){
//     document.getElementById("tybody").children[index].children[3].children[0].focus();
//     }else{
//         document.getElementById("tybody").children[index].children[2].children[0].focus();
//     }
   
 }

var tybody = qu("#tybody");

var data = new Array();
data[data.length]={questions:"",answers:""};

function addRowFun(){
    // checkboxFun()
    tybody.innerHTML=''
    let i=0;
    for(i;i<data.length;i++){
        // console.log(key.name)
        // <td><input type="checkbox" class="checkbox" name="${i}"  onclick="checkboxFun()" target="${i}" ></td>
        tybody.innerHTML +=`
        <tr class="rows" flag="0" name="1">
            <td>
                <span>${i+1}</span>
            </td>
            <td>
                <textarea class="questions" autoHeight="true"  name="${i}" type="text"  placeholder="输入题目" onblur="onblurFun()" onclick="inputFun()" onchange="onchangeFun()" >${data[i].questions}</textarea>
            </td>
            <td>
                <textarea class="answers"  name="${i}" placeholder="输入答案" onblur="onblurFun()" onchange="onchangeFun()" >${data[i].answers}</textarea>
            </td>
            <td>
                <button class="layui-btn layui-btn-danger layui-tnb-sm" onclick="delFun()" name="${i}" >
                    删除
                </button>
            </td>
        </tr>
        `
    }
    console.log(tybody.getElementsByClassName('rows'));
    let index =tybody.getElementsByClassName('rows').length
    tybody.getElementsByClassName('rows')[index-1].setAttribute("name",0)
    autoHeightFun();
}
addRowFun();
function addOneRowFun() {
    if(addJudgeFun()==1){
        data[data.length]={questions:"",answers:""};
        addRowFun();
   }else{
    // success_span.innerHTML="请先确保下方信息是否完整🙂"
    // shouSuccessFun()
    layui.use("layer",function(){
        layer.msg('请先确保下方信息是否完整', {
            icon: 8,
            time: 2000
        })
    })
   }
}

// contentEditable="true"
function inputFun(e){
    e=e || window.event;
    var target=e.target || e.srcElement;
    // console.log(target.parentNode.parentNode.childNodes.item(1))
}
function onchangeFun(e){
    e=e || window.event;
    var target=e.target || e.srcElement;
    let index=target.getAttribute("name")
    // tybody.document.getElementsByClassName("rows")[index].setAttribute("name", 1)
}
// 判断是否需要添加标签
function addJudgeFun(){
    // let object = tybody.childNodes;
  
    // let a=0,b=0;
    // for(let key of object){
    //     if(key.className=="rows"){
    //         a++;
    //         if (key.getAttribute("name")==1) {
    //             b++;
    //         }
    //     }
    // }
    // if(a==b){
    //     return 1;
    // }else{
    //     return 0;
    // }
    for(let key of data){
        if(key.questions==0||key.answers==0){
            return 0;
        }
    }
    return 1;
}
// console.log(onchangeFun())；
// 删除整行


 
function delFun(e){
    e=e || window.event;
    var target=e.target || e.srcElement;
    let index=target.getAttribute("name")
    if(tybody.getElementsByClassName('rows').length>1){
        tybody.removeChild(target.parentNode.parentNode);
       data.splice(index,1)
        // console.log(data);
        addRowFun();
    }else{
        location.href="../penTitle"
    }
}

// 高度自适应
function autoHeightFun() {
    $.fn.autoHeight = function(){
	
        function autoHeight(elem){
            elem.style.height = 'auto';
            elem.scrollTop = 0; //防抖动
            elem.style.height = elem.scrollHeight + 'px';
        }
        
        this.each(function(){
            autoHeight(this);
            $(this).on('keyup', function(){
                autoHeight(this);
            });
        });
    
    }
    $('textarea[autoHeight]').autoHeight();
}

// ————————————————
// 版权声明：本文为CSDN博主「yong_bu_ting_zhi」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
// 原文链接：https://blog.csdn.net/yong_bu_ting_zhi/article/details/84761917

// 点击添加
function submitFun(){
    // alert("++++++")
    if(addJudgeFun()==1){
        for(let key of data){
        console.log(key.username);
        axios({
            url: "../penTitle/addOneQuestion",
            method: "POST",
            params:{
                quessionName:key.questions,
                answer:key.answers
            }
        })
        .then(data=>{
            if(data.data.err==0){
                // alert("添加成功")
                location.href="../penTitle"
            }else{
                alert("添加失败，请检查后重试")
            }
            // console.log();
            // alert(data.dada)
            // location.reload();
        })
        .catch(err=>{
            console.log(err);
        })
    }
   }else{
    // success_span.innerHTML="请先确保信息是否完整无误后再次提交🙂"
    // shouSuccessFun()
    layui.use("layer",function(){
        layer.msg('请先确保信息是否完整无误后再次提交', {
            icon: 8,
            time: 2000
        })
    })
   }
    // if (dels.length==0) {
    //     // alert("请选中您要提交的用户")
    //     success_span.innerHTML="请在选项勾选需要添加的题目🙂"
    //     shouSuccessFun()
    // }else{
    //     let arr = new Array();
    //     let i=0;
    //     for(let key of dels) {
    //         arr[i]={questions:data[key].questions,answers:data[key].answers};
    //         i++;
    //     }
    //     let index=0;
    //     for(let key of arr){
    //         if(key.questions==""||key.answers==""){
    //             // alert("选中的整行不能为空")
    //             success_span.innerHTML="请检查选中题目信息完整性🙁"
    //             shouSuccessFun()
    //         }else{
    //             index++;
    //         }
    //     }
    //     if(index==arr.length){
    //         for(let key of arr){
    //             console.log(key.username);
    //             axios({
    //                 url: "../penTitle/addOneQuestion",
    //                 method: "POST",
    //                 params:{
    //                     quessionName:key.questions,
    //                     answer:key.answers
    //                 }
    //             })
    //             .then(data=>{
    //                 if(data.data.err==0){
    //                     // alert("添加成功")
    //                     location.href="../penTitle"
    //                 }else{
    //                     alert("添加失败")
    //                 }
    //                 // console.log();
    //                 // alert(data.dada)
    //                 // location.reload();
    //             })
    //             .catch(err=>{
    //                 console.log(err);
    //             })
    //         }
           
          
    //     }
    // }
}
// 

// 修改提示
function shouSuccessFun() {
    let i=0;
    successShow.style.display="block"
    let timer=setInterval(function(){
        if(i<1){
            i++
        }else{
            successShow.style.display="none"
            clearInterval(timer);
        }
    },800)
}